<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="UTF-8">
  <title>图书管理页面</title>
  <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script src="myJS.js"></script>
</head>
<body>
<div class="container">
  <div class="row clearfix">
    <div class="col-md-12 column">
      <ul class="breadcrumb">
        <li>
          <a href="login.html">登录页面</a>
        </li>
        <li class="active">
          图书管理主页
        </li>
        <li>
          <a href="bookadd.html">图书登记</a>
        </li>

      </ul>
      <div class="row clearfix">
        <div class="col-md-12 column">
          <h2 class="text-center" style="color: dodgerblue">
            图书信息主页
          </h2>
        </div>
      </div>
      <div class="row clearfix">
        <div class="col-md-12 column">
          <h5 style="color: cornflowerblue">
            请选择要查看的书籍内容
          </h5>
        </div>
      </div>
    </div>
  </div>
  <div class="row clearfix">
    <div class="col-md-2 column">
      <ul class="nav nav-pills nav-stacked">
        <li class="active"><a href="#">图书二</a></li>
        <li><a href="#name">图书作者</a></li>
        <li><a href="#author">图书作者</a></li>
        <li><a href="#press">图书出版社</a></li>
        <li><a href="#store">图书库存数量</a></li>
        <li><a href="#picture">图书封面照片</a></li>
      </ul>
      <div class="row clearfix">
        <div class="col-md-12 column">
          <ul class="nav nav-pills nav-stacked">
            <li class="active"><a href="#">图书二</a></li>
            <li><a href="booklist.html">图书一</a></li>
            <li><a href="#">图书三</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="col-md-10 column">
      <dl>
        <dt id="name">
          图书名称
        </dt>
        <dd>
          禅与摩托车维修艺术
        </dd>
        <br/>
        <dt id="author">
          图书作者
        </dt>
        <dd>
          【美国】罗伯特·M.波西格
          译者：张国辰
        </dd>
        <br/>
        <dt id="press">
          图书出版社
        </dt>
        <dd>
          重庆出版社
        </dd>
        <br/>
        <dt id="time">
          出版时间
        </dt>
        <dd>
          2011-09-01
        </dd>
        <br/>
        <dt id="store">
          库存
        </dt>
        <dd>
          8
        </dd>
        <br/><br/>
        <dt id="picture">
          图书封面
        </dt>
        <dd>
      </dl><img  src="img/e850352ac65c1038ff654e00b2119313b17e89dd.jpeg" />
      </dd>

    </div>
  </div>
</div>
</body>
</html>